$(function () {
  //需求1:渲染用户信息-后面还要用,所以封装成函数
  //  调用一下函数,让她生效
  initUserInfo();
  let layer = layui.layer;
  let form = layui.form;
  function initUserInfo() {
    //获取表单中的用户信息
    axios({
      method: "GET",
      url: "/my/userinfo",
      // headers: {
      //   Authorization: localStorage.getItem("token"),
      // },
    }).then((res) => {
      //   console.log(res.data);
      //   console.log(res.data.data);
      //判断
      let obj = res.data;
      if (obj.status !== 0) {
        return layer.msg(obj.message);
      }
      //   赋值
      form.val("formUserInfo", obj.data);
    });
  }

  //需求2:校验
  form.verify({
    nickname: function (value) {
      if (value.length > 10) {
        return "用户昵称1-10位之间!";
      }
    },
  });

  //需求3: 修改用户信息
  $("form").on("submit", function (e) {
    e.preventDefault();
    axios({
      method: "POST",
      url: "/my/userinfo",
      data: $("form").serialize(),
      // headers: {
      //   Authorization: localStorage.getItem("token"),
      // },
    }).then((res) => {
      //   console.log(res);
      let obj = res.data;
      if (obj.status !== 0) {
        return layer.msg(obj.message);
      }
      //成功后: 提示,刷新index.html中的用户名
      layer.msg("恭喜您,修改用户信息成功");
      window.parent.getUserInfo();
    });
  });

  //需求4:重置,按钮的点击事件或者form的重置事件(恢复到改完之前的状态)
  //重置按钮的点击事件
  // $("#resetBtn").on("click", function (e) {
  //   e.preventDefault();
  // });
  // form表单的重置事件;
  $("form").on("reset", function (e) {
    e.preventDefault();
    initUserInfo();
  });
});
